@layout("/common/_container.html"){
<div id="container" style="min-width:400px;height:400px"></div>
<div onclick="asdqweqew()">点击</div>
<script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>
<script>
    var chart = Highcharts.chart('container',{
        chart: {
            type: 'column'
        },
        title: {
            text: '咿呀柱状报表'
        },
        subtitle: {
            text: '数据来源: 软件部团队'
        },
        xAxis: {
            categories: [
                '徐东店','光谷店','德米店','虎泉店','白沙洲店','斯美尔店','巴东店','金桂店','万达店','维尔店','福星店','来凤店'
            ],
            crosshair: true
        },
        yAxis: {
            min: 0,
            title: {
                text: '金额'
            }
        },
        tooltip: {
            // head + 每个 point + footer 拼接成完整的 table
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
            '<td style="padding:0"><b>{point.y:.1f} 元</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                borderWidth: 0
            }
        },
        series: [{
            name: '应收',
            data: [20000, 18888, 23584, 35860, 48505, 43525, 78545, 67865, 33457, 52786, 45678, 25445]
        }, {
            name: '实收',
            data: [16888, 15000, 17865, 25375, 25004, 35402, 56712, 44537, 24287, 12345, 35435, 25645]
        }]
    });

    function asdqweqew() {
        chart.update({
            series: [{
                name: '应收',
                data: [129.9, 171.5, 306.4, 429.2, 144.0, 176.0, 135.6, 248.5, 216.4, 194.1, 95.6, 54.4]
            },{
                name: '实收',
                data: [69.9, 51.5, 176.4, 121.2, 124.0, 476.0, 935.6, 248.5, 266.4, 191.1, 99.6, 53.4]
            }]
        })
    }
</script>
@}